.datatree-container {

  background: #dcdcdc;
  overflow-x: hidden;
  overflow-y: scroll;
  text-align: left;
  height: 100%;

  .filter {
    border: 1px solid #888888;
    background: #fafafa;
    border-radius: 4px;
    position: absolute;
    padding: 0 4px;
    width: 180px;
    right: 17px;
    z-index: 10;
    top: 38px;

    .filter-input {

    }
  }

  .treeview-base group {
    width: 100%;
  }

  .treeview-base lmvheader {
    transition-property: background, border;
    transition-timing-function: ease;
    transition-duration: 1.5s;
    transition-delay: 0.0s;

    background: rgba(255, 255, 255, 1.0);
    margin-bottom: -2px;
    border: none;
    height: 30px;

    &:hover {
      background: #bcdaff;
    }

    .treenode {
      width: calc(100% - 22px);
      float: left;

      .name {
        pointer-events: none;
      }
    }

    .treenode span {
      transition-property: color;
      transition-timing-function: ease;
      transition-duration: 1.0s;
      transition-delay: 0.0s;

      margin-right: 8px;
      font-size: 20px;
      color: #fafafa;
      display: none;
      float: right;
    }

    .treenode span.fa-edit {
      position: relative;
      top: 1px;
    }

    .treenode span.fa-search  {
      position: relative;
      top: -1px;
    }

    .node-loader span {
      content: url('');
      color: rgba(47, 47, 47, 0.6);
      position: relative;
      margin-left: 10px;
      display: inline;
      height: 19px;
      float: left;
      width: 19px;
      top: 0px;
    }

    .tooltip-text {
      background-color: #ededed !important;
      border: 1px solid grey;
      color: grey !important;
      padding: 4px;
    }

    .tooltip-thumbnail {
      background-color: #ededed !important;
      border: 1px solid grey;
      padding: 2px;

      div {
        height: 120px;
        width:120px;
      }
    }
  }

  .treeview-base group > lmvheader > icon {
    height: 20px;
    float: left;
  }

  .treeview-base lmvheader:hover .treenode span {
    color: rgba(47, 47, 47, 0.60);
    display: inline;
  }

  .treeview-base lmvheader:hover .treenode span:hover {
    color: #FF9800;
  }

  .treeview-base lmvheader.items {

    icon {
      background-image: url('');
      position: relative;
      margin-right: 2px;
      top: -1px;
    }

    &.derivated icon {
      background-image: url('');
    }
  }
}
